<template>
    <div class="">
        <!--信息提示-->
        <div class="crumbs">
            <el-breadcrumb>
                <el-breadcrumb-item>
                    <i class="el-icon-baseball"></i>银行转账
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <el-card shadow="hover" class="container">
            <el-row style="padding: 0 15%">
                <el-form label-width="100px">
                    <!--转账方式-->
                    <el-form-item  label="转账方式" label-width="100px" >
                        <el-select style="width: 100%" v-model="type">
                            <el-option v-for="item in form.type" :key="item.id" :label="item.name" :id="item.id"></el-option>
                        </el-select>
                    </el-form-item>

                    <el-form-item  label="选择银行" label-width="100px" >
                        <el-select  style="width: 100%"  v-model="bank">
                            <el-option v-for="item in form.bank" :key="item.id" :label="item.name" :id="item.id"></el-option>
                        </el-select>
                    </el-form-item>

                    <!--银行密码-->
                    <el-form-item label="银行密码" label-width="100px">
                        <el-input type="password" v-model="password"></el-input>
                    </el-form-item>


                    <el-form-item  label="选择币种" label-width="100px" >
                        <el-select  style="width: 100%"  v-model="monetype">
                            <el-option v-for="item in form.monetype" :key="item.id" :label="item.name" :id="item.id"></el-option>
                        </el-select>
                    </el-form-item>


                    <!--金额-->
                    <el-form-item label="金额" label-width="100px">
                        <el-input type="text" v-model="money"></el-input>
                    </el-form-item>

                    <el-form-item>
                        <el-button  style="float: right" size="small" type="primary">转账</el-button>
                    </el-form-item>
                </el-form>
            </el-row>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: "Transfer",
        data(){
            return{
                form:{
                    type:[{id:1,name:'银行转证券(转入)'},{id:2,name:'证券转银行(转出)'}],
                    bank:[{id:1,name:'招商银行'},{id:2,name:'工商银行'}],
                    monetype:[{id:1,name:'人民币'},{id:2,name:'美元'}],
                },
                type:'',
                bank:'',
                password:'',
                monetype:'',
                money:''
            }
        }
    }
</script>

<style scoped>

</style>